<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<%@include file="common.jsp"%>
<title>Home</title>

<style type="text/css">

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1 { //CSS for Simple Gallery Example 1 position:relative;
	/*keep this intact*/
	visibility: hidden; /*keep this intact*/
	border: 10px solid darkred;
}

#simplegallery1 .gallerydesctext { //CSS for description DIV of Example
	1 (if defined) text-align:left;
	padding: 2px 5px;
}
</style>

<script type="text/javascript" src="js/simplegallery.js">
	/***********************************************
	 * Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
	 * This notice MUST stay intact for legal use
	 * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
	 ***********************************************/
</script>

<script type="text/javascript">
	var mygallery = new simpleGallery({
		wrapperid : "simplegallery1", //ID of main gallery container,
		dimensions : [ 1024, 768 ], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
		imagearray : [
				[ "glaxy/Chrysanthemum.jpg",
						"http://en.wikipedia.org/wiki/Swimming_pool", "_new",
						"There's nothing like a nice swim in the Summer." ],
				[ "glaxy/Desert.jpg", "http://en.wikipedia.org/wiki/Cave", "",
						"" ],
				[ "glaxy/Jellyfish.jpg", "", "",
						"Eat your fruits, it's good for you!" ],
				[ "glaxy/Hydrangeas.jpg", "", "", "" ] ],
		autoplay : [ true, 2500, 2 ], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
		persist : false, //remember last viewed slide and recall within same session?
		fadeduration : 500, //transition duration (milliseconds)
		oninit : function() { //event that fires when gallery has initialized/ ready to run
			//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
		},
		onslide : function(curslide, i) { //event that fires after each slide is shown
			//Keyword "this": references current gallery instance
			//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
			//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
		}
	});
</script>

</head>
<body>
	<div id="menu3">
		<ul>
			<!-- CSS Tabs -->
			<li><a id="current" href="home.html">Home</a>
			</li>
			<li><a href="maintanence.html">maintanence</a>
			</li>
			<li><a href="photes.html">Photes</a>
			</li>
			<li><a href="videos.html">Videos</a>
		</ul>
	</div>
	<div id="simplegallery1"></div>
</body>
</html>